<style>
.modal-dialog{
    font-size: 16px;
}
.modal .modal-header{
    padding: 1rem;
}
.modal-dialog label{
    color: #666;
}
</style>
<div class="modal-dialog modal-dialog-centered" style="max-width: 550px;">
    <div class="modal-content">
        <div class="modal-header text-center">
            <h5 class="modal-title">付款信息</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body wrapper-lg">
            <div class="row ">
                <form class="form-fukuan  col" action="/center/pay" data-validate="parsley">
                    <input type="hidden" name="orderId"  readonly required value="{{order.id}}">
                    <div class="form-group row justify-content-center">
                        <label class="col-3 col-form-label text-right">订单标题</label>
                        <input type="text" name="xinxibiaoti" class="form-control col-7" disabled  value="{{order.xinxibiaoti}}">
                        <label class="col-2 col-form-label"></label>
                    </div>
                    <div class="form-group row justify-content-center">
                        <label class="col-3 col-form-label text-right">商品数量</label>
                        <input type="text" name="shangpingshuliang" class="form-control col-7" disabled  value="{{order.shangpingshuliang}}">
                        <label class="col-2 col-form-label">吨</label>
                    </div>
                    <div class="form-group row justify-content-center">
                        <label class="col-3 col-form-label text-right">商品单价</label>
                        <input type="text" name="jiage" class="form-control col-7" disabled  value="{{order.jiage}}">
                        <label class="col-2 col-form-label">元/吨</label>
                    </div>
                    <div class="form-group row justify-content-center">
                        <label class="col-3 col-form-label text-right">收款方</label>
                        <input type="text" name="xinxibiaoti" class="form-control col-7" disabled  value="{{order.gong_gsmc}}">
                        <label class="col-2 col-form-label"></label>
                    </div>
                    <div class="form-group row justify-content-center">
                        <label class="col-3 col-form-label text-right">付款方</label>
                        <input type="text" name="real_name" class="form-control col-7" disabled  value="{{controller.user.gsmc}}">
                        <label class="col-2 col-form-label"></label>
                    </div>
                    <div class="form-group row justify-content-center">
                        <label class="col-3 col-form-label text-right">付款比例</label>
                        <input type="text" name="persent" onKeyUp="this.value=this.value.replace(/(^0+)|[^\.\d]/g,'');this.value=this.value.replace('.','');" maxlength="2" class="form-control col-7">
                        <label class="col-2 col-form-label">%</label>
                    </div>
                    <div class="form-group row justify-content-center">
                        <label class="col-3 col-form-label text-right">付款金额</label>
                        <input type="text" name="fukuanjine" onKeyUp="this.value=this.value.replace(/(^0+)|[^\.\d]/g,'');this.value=this.value.replace('.','');" class="form-control col-7"  required>
                        <label class="col-2 col-form-label">元</label>
                    </div>
                    <div class="row justify-content-center">
                        <label class="col-3 col-form-label text-right"></label>
                        <div class="col-7 text-center">
                            <button class="btn btn-primary ajax-post" type="submit" target-form="form-fukuan">立即付款</button>
                        </div>
                        <label class="col-2 col-form-label"></label>
                    </div>
                </form>

            </div>
        </div>
    </div>
    <!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->